<template>
  <div>
    <el-card style="margin:0 10px 10px">
      <el-row>
        <el-col :span="3">
          <el-avatar shape="square" src="http://b-ssl.duitang.com/uploads/item/201704/03/20170403014544_uryH5.jpeg"></el-avatar>
        </el-col>
        <el-col :span="7" :offset="1">配送员名字</el-col>
        <el-col :offset="6" :span="7" style="color: grey;font-size: 14px;text-align: right">已对骑手匿名</el-col>
      </el-row>
      <div style="padding:30px 60px ">
        <el-rate v-model="value"></el-rate>
      </div>
      <div style="text-align: center"><el-button plain v-for="i in 7" size="small" :key="i" style="margin: 5px 5px">服务态度好</el-button></div>
    </el-card>
    <el-card style="margin:0 10px 10px">
      <el-row>
        <el-col :span="3">
          <el-avatar shape="square" src="http://img2.imgtn.bdimg.com/it/u=3260161957,3389545403&fm=26&gp=0.jpg"></el-avatar>
        </el-col>
        <el-col :span="7" :offset="1">商店名字</el-col>
        <el-col :offset="6" :span="7" style="color: grey;font-size: 14px;text-align: right">匿名评价</el-col>
      </el-row>
      <div style="padding:30px 60px;text-align: center ">
        <el-rate v-model="value2"></el-rate>
      </div>
      <div style="text-align: center">包装 <el-rate v-model="value3" style="display: inline-block"></el-rate></div>
      <div style="text-align: center">味道 <el-rate v-model="value4" style="display: inline-block"></el-rate></div>
      <el-input type="textarea" placeholder="说说原因嘛，其他顾客想知道" :row="4" style="margin-top: 20px"></el-input>
    </el-card>
    <el-button type="primary" style="width: 100%" @click="jump('/main')">立即评价</el-button>
  </div>

</template>

<script>
    export default {
        name: "Evaluation",
        data(){
            return{
                value: null,
                value2: null,
                value3: null,
                value4: null,
            }
        },
        methods:{
            jump(route){
                this.$router.replace(route);
            }
        }
    }
</script>

<style scoped>

</style>
